import React from 'react';
import { Icon, Message, Segment, Tab } from 'semantic-ui-react';
// import CustomerInformationForm from '../CustomerInformationForm';
import OrderDetail from '../OrderDetails';
import './table.css';

export const SuitabilityAssessment = () => {
  const panes = [
    {
      menuItem: 'Suitability Assessment',
      render: () => (
        <Tab.Pane>
          <Segment className="suitability-assessment-segment">
            {/* <CustomerInformationForm /> */}
            <OrderDetail />
          </Segment>
        </Tab.Pane>
      )
    }
  ];

  return (
    <>
      <div className="user-header-icon">
        <Icon name="file outline" />
        New Assessment
      </div>
      <Message className="suitability-assessment">
        <Tab className="tab" panes={panes} />
      </Message>
    </>
  );
};

// export default SuitabilityAssessment;
